@charset "utf-8";
/* CSS Document */

body {
	text-align: center;
	background-color: #f28c8c;
	font-family: '宋体',Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.dbody {
    background-color: #ffffff;
    text-align: left;
}

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}/* 这是对Firefox进行的处理，因为Firefox支持生成元素，而IE所有版本都不支持生成元素 */
.clearfix {
  display: inline-block;    
} /* 这是对 Mac 上的IE浏览器进行的处理 */
/**//* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* 这是对 win 上的IE浏览器进行的处理 */
.clearfix {display: block;} /* 这是对display: inline-block;进行的修改，重置为区块元素*/
/**//* End hide from IE-mac */

#wrapper {
	margin: 0 auto;
	width: 1000px;
	text-align: center;
	background-image: url(images/wrapper-bg.gif);
	background-repeat: repeat-y;
}
#head {
	width: 100%;
}

#headContent {
	height: 94px;
	margin: 0px 10px;
	text-align: left;
	background-image: url(images/head-bg.gif);
	background-repeat: repeat-x;
}

#siteTitle {
	padding: 10px 0px 0px 10px;
	font-size: 36px;
	font-family: '楷体';
	color: #ffffff;
	height: 58px;
}

#navBar {
	height: 26px;
	margin: 0px 20px 0px 20px;
	text-align: right;
}

#menu {
	float: right;
}
#menu li {
	float: left;
	margin-left: 2px;
}
#menu a {
	display: block;
	float: left;
	color: #000000;
	width: 82px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	background-image: url(images/nav-bg.gif);
	background-repeat: no-repeat;
}
#menu a.current {
	color: #ffffff;
	background-image: url(images/nav-current-bg.gif);
}

#sepBar {
	height: 5px;
	margin: 0px 10px;
	background-color: #de7b7b;
}

#common {
	height: 27px;
	line-height: 26px;
	margin: 0px 10px;
	color: #555555;
	text-align: left;
	background-image: url(images/common-info.gif);
	background-repeat: repeat-x;
	border-bottom: solid 1px #aaaaaa;
}

#userInfo {
	float: left;
	margin-left: 20px;
	padding-left: 15px;
	height: 27px;
	background: transparent url(images/account.gif) no-repeat left center;
}

#time {
	float: left;
	margin-left: 20px;
	padding-left: 15px;
	height: 27px;
	background: transparent url(images/clock.gif) no-repeat left center;
}

#commonAction {
	float: right;
	margin-right: 10px;
	color: #555555;
}

#home {
}

#logout {
	float: left;
	margin-left: 5px;
	padding-left: 15px;
	background: transparent url(images/lock.gif) no-repeat left center;
}
#logout a {
	display: block;
	color: #555555;
	text-decoration: none;
}

#content {
	margin: 0px 10px;
	padding-bottom: 10px;
	min-height: 400px;
	background: #ffffff url(images/content-bg.gif) repeat-y;
}

#left {
	width: 190px;
	float: left;
	margin: 0;
	padding: 0;
}

#right {
	width: 780px;
	float: right;
	margin: 0;
	padding: 5px 2px 10px 0px;
	text-align: left;
}

#footer {
	margin: 0px 10px;
	height: 40px;
	line-height: 40px;
	background: transparent url(images/footer-bg.gif) repeat-x;
	border-top: solid 1px #aaaaaa;
}

.navItem {
	margin: 5px 5px 0px 5px;
	height: 28px;
	line-height: 28px;
	color: #555555;
	background: transparent url(images/item-bg.gif) repeat-x;
	border: solid 1px #ff3333;
}

.navItem a {
	display: block;
	color: #555555;
	text-decoration: none;
}
.navItem a span {
	cursor: pointer;
	padding-left: 15px;
	background: transparent url(images/nav-item-dec.gif) no-repeat left center;
}

#support {
	margin: 5px 5px 0px 5px;
	padding: 0px 0px 10px 10px;
	text-align: left;
	border: solid 1px #ff3333;
}

#supportHead {
	padding-left: 15px;
	height: 24px;
	line-height: 24px;
	color: #555555;
	background: transparent url(images/garget-1.gif) no-repeat left center;
}
#supportItem {
}
#supportItem li {
	height: 24px;
	line-height: 24px;
	border-bottom: dashed 1px #cccccc;
}

.hide { display: none; }
.center {text-align: center;}

.infoTable {
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: none;
	border-bottom: none;
	width: 100%;
}
.infoTable td {
	height: 26px;
	padding-left: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
.infoTable th {
	height: 26px;
	text-align: center;
	padding-left: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: transparent url(images/infoTable-head-bg.gif) repeat-x;
}

.infoTable tr.hover {
    background-color: #eeeeee;
}
.odd {
    background-color: #ffffff;
}
.even {
    background-color: #e0e0e0;
}

/* main user interaction */
#ui {}

#ui p span {
    display: inline-block;
    width: 60px;
    text-align: right;
    vertical-align: middle;
    margin-right: 10px;
}

.button {
    background: transparent url(images/btn-bg.gif) repeat-x;
    border: solid 1px #dedede;
    height: 20px;
    line-height: 20px;
}

/* textbox */
.text {
    color: #555555;
    border: solid 1px #cccccc;
    background-color: #e0e0e0;
}
.hoverText {
    border: solid 1px #999999;
}
.focusText {
    border: solid 1px #0099cc;
}

/* validate tip */
#validateTip {
    position: absolute;
    padding: 10px;
    border: solid 2px #66ccff;
    background-color: #ffffff;
}

label.default {
    color: #555555;
}
label.ok {
    color: #009900;
}
label.err {
    color: #ff0000;
}

input.ok,textarea.ok {
    border: solid 1px #009900;
    background-color: #ccffcc;
}
input.err,textarea.err {
    border: solid 1px #ff0000;
    background-color: #ffff99;
}
